.tech-icon {
    position: relative;
    display: inline-block;
    font-size: inherit;
    text-rendering: auto;
}

.tech-icon {
    &-goback {
        background-image: url('../../../assets/sprite/goback.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 22px;
        height: 27px;
    }
    &-back {
        background-image: url('../../../assets/sprite/back.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 19px;
        height: 19px;
    }
    &-close {
        background-image: url('../../../assets/sprite/close.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 18px;
        height: 18px;
    }
    &-plus {
        background-image: url('../../../assets/sprite/menu-add-gray.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 24px;
        height: 24px;
    }
    &-plus-disable {
        background-image: url('../../../assets/sprite/plus-disable.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 24px;
        height: 24px;
    }
    &-plus-red {
        background-image: url('../../../assets/sprite/menu-add-red.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 24px;
        height: 24px;
    }
    &-plusMulti {
        background-image: url('../../../assets/sprite/menu-add-list-gray.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 24px;
        height: 24px;
    }
    &-minus {
        background-image: url('../../../assets/sprite/menu-minus-gray.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 24px;
        height: 24px;
    }
    &-cart {
        background-image: url('../../../assets/sprite/cart-gray.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 27px;
        height: 27px;
    }
    &-rubbishBin {
        background-image: url('../../../assets/sprite/del.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 10px;
        height: 12px;
    }
    &-vip {
        background-image: url('../../../assets/sprite/vip-golden.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 14px;
        height: 14px;
    }
    &-vip-gray {
        background-image: url('../../../assets/sprite/vip-gray.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 14px;
        height: 14px;
    }
    &-member-qrcode {
        background-image: url('../../../assets/sprite/member-qrcode.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 19px;
        height: 19px;
    }
    &-add {
        background-image: url('../../../assets/sprite/feed-add-gray.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 10px;
        height: 10px;
    }
    &-add-red {
        background-image: url('../../../assets/sprite/feed-add-red.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 10px;
        height: 10px;
    }
    &-subtract {
        background-image: url('../../../assets/sprite/feed-minus-red.png');
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-y: 50%;
        width: 10px;
        height: 10px;
    }
    &-edit {
        background-image: url('../../../assets/sprite/edit.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 20px;
        height: 20px;
    }
    &-info {
        background-image: url('../../../assets/sprite/tip-info.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 13px;
        height: 13px;
    }
    &-question {
        background-image: url('../../../assets/sprite/tip-question.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 13px;
        height: 13px;
    }
    &-location {
        background-image: url('../../../assets/sprite/location.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 14px;
        height: 16px;
    }
    &-phone {
        background-image: url('../../../assets/sprite/telphone.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 22px;
        height: 22px;
    }
    &-position {
        background-image: url('../../../assets/sprite/re-location-red.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 20px;
        height: 20px;
    }
    &-store {
        background-image: url('../../../assets/sprite/store.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 20px;
        height: 20px;
    }
    &-ineat {
        background-image: url('../../../assets/sprite/ineat.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
    &-ineat-history {
        background-image: url('../../../assets/sprite/ineat-history.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 22px;
        height: 22px;
    }
    &-ineat-disable {
        background-image: url('../../../assets/sprite/ineat-gray.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
    &-selftake {
        background-image: url('../../../assets/sprite/selftake.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
    &-selftake-disable {
        background-image: url('../../../assets/sprite/selftake-gray.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
    &-takeout {
        background-image: url('../../../assets/sprite/takeout.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
    &-takeout-disable {
        background-image: url('../../../assets/sprite/takeout-gray.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
    &-shop {
        background-image: url('../../../assets/sprite/shop.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
    &-order {
        background-image: url('../../../assets/sprite/order-icon.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
    &-orderlist {
        background-image: url('../../../assets/sprite/order-list.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 19px;
        height: 22px;
    }
    &-wechat-pay {
        background-image: url('../../../assets/sprite/pay-type-wechat.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
    &-alipay-pay {
        background-image: url('../../../assets/sprite/pay-type-alipay.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 28px;
        height: 28px;
    }
    &-close-full {
        background-image: url('../../../assets/sprite/close-gray.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 30px;
        height: 30px;
    }
    &-close-white {
        background-image: url('../../../assets/sprite/close-white.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 30px;
        height: 30px;
    }
    &-check {
        background-image: url('../../../assets/sprite/pack-checked.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 11px;
        height: 11px;
    }
    &-check-normal {
        background-image: url('../../../assets/sprite/pack-normal.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 11px;
        height: 11px;
    }
    &-home {
        background-image: url('../../../assets/sprite/home.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 18px;
        height: 18px;
    }
    &-member {
        background-image: url('../../../assets/sprite/member.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 18px;
        height: 18px;
    }
    &-recharge {
        background-image: url('../../../assets/sprite/recharge.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
    }
    &-tableware {
        background-image: url('../../../assets/sprite/tableware-normal.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 30px;
        height: 35px;
    }
    &-tableware-selected {
        background-image: url('../../../assets/sprite/tableware-selected.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 28px;
        height: 35px;
    }
    &-arrow {
        background-image: url('../../../assets/sprite/arrow-right.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 7px;
        height: 12px;
    }
    &-arrow-golden {
        background-image: url('../../../assets/sprite/arrow-right-golden.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 7px;
        height: 12px;
    }
    &-arrow-bottom {
        background-image: url('../../../assets/sprite/arrow-bottom-gray.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 10px;
        height: 7px;
    }
    // 优惠相关的图标
    &-moling {
        background-image: url('../../../assets/sprite/moling.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
    }
    &-hongbao {
        background-image: url('../../../assets/sprite/red-parket.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
    }
    &-bind-phone {
        background-image: url('../../../assets/sprite/bind-phone.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
    }
    &-phone-gray {
        background-image: url('../../../assets/sprite/phone-gray.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 9px;
        height: 12px;
    }
    &-shangpinquan {
        background-image: url('../../../assets/sprite/coupon.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
    }
    &-huiyuanzhekou {
        background-image: url('../../../assets/sprite/huiyuanzhekou.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
    }
    &-danpinyouhui {
        background-image: url('../../../assets/sprite/danpinyouhui.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
    }
    &-manjian {
        background-image: url('../../../assets/sprite/manjian.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
    }
    &-scan {
        background-image: url('../../../assets/sprite/scan.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 16px;
        height: 16px;
    }
    &-pack-all-normal {
        background-image: url('../../../assets/sprite/pack-all-normal.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 16px;
        height: 16px;
    }
    &-pack-all-checked {
        background-image: url('../../../assets/sprite/pack-all-checked.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 16px;
        height: 16px;
    }
    &-trade-checked {
        background-image: url('../../../assets/sprite/trade-select.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 30px;
        height: 30px;
    }
    &-member-menu-coupon {
        background-image: url('../../../assets/sprite/coupons.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 23px;
        height: 19px;
    }
    &-member-menu-order {
        background-image: url('../../../assets/sprite/order.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 19px;
        height: 23px;
    }
    &-member-avatar-vip {
        background-image: url('../../../assets/sprite/vip.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 14px;
        height: 14px;
    }
    &-refresh {
        background-image: url('../../../assets/sprite/refresh.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 15px;
        height: 15px;
    }
}
.van-icon {
    &::before {
        display: none;
    }
    &-check {
        background-image: url('../../../assets/sprite/check-gray-noraml.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 20px;
        height: 20px;
    }
    &-checked {
        // background-image: url('../../../assets/sprite/check-gray-checked.png');
        // background-repeat: no-repeat;
        // background-size: 100%;
        // width: 20px;
        // height: 20px;
    }
    &-arrow {
        background-image: url('../../../assets/sprite/arrow-bottom-gray.png');
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-y: 50%;
        width: 12px;
        height: 22px;
        &.van-cell__right-icon {
            background-image: url('../../../assets/sprite/arrow-right-gray.png');
            background-repeat: no-repeat;
            background-size: 100%;
            background-position-y: 50%;
            width: 12px;
            height: 22px;
        }
    }
    &-location {
        background-image: url('../../../assets/sprite/location.png');
        background-repeat: no-repeat;
        background-size: 100%;
        width: 14px;
        height: 18px;
    }
    &-add-address {
        background-image: url('../../../assets/sprite/address-add.png');
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-y: 50%;
        width: 28px;
        height: 28px;
    }
}
.secret-checkbox {
    .van-checkbox__icon {
        height: 20px;
    }
    .van-checkbox__icon--checked {
        height: 20px;
        .van-icon {
            &-success {
                background-image: url('../../../assets/sprite/secret-checkbox-checked.png');
                background-repeat: no-repeat;
                background-size: 100%;
                background-position-y: 50%;
                width: 20px;
                height: 20px;
            }
        }
    }
}
.van-collapse-item__title {
    .van-icon-arrow {
        background-image: url('../../../assets/sprite/arrow-bottom-gray.png');
        background-repeat: no-repeat;
        background-size: 100%;
        background-position-y: 50%;
        width: 12px;
        height: 22px;
    }
    &.van-collapse-item__title--expanded {
        .van-icon-arrow {
            background-image: url('../../../assets/sprite/arrow-top-gray.png');
            background-repeat: no-repeat;
            background-size: 100%;
            background-position-y: 50%;
            width: 12px;
            height: 22px;
        }
    }
}
.tech-change-member-card-modal {
    .van-icon {
        // &-check {
        //     background-image: url('../../../assets/sprite/card-checkbox.png');
        //     background-repeat: no-repeat;
        //     background-size: 100%;
        //     width: 28px;
        //     height: 28px;
        // }
        // &-checked {
        //     background-image: url('../../../assets/sprite/card-checkbox-checked.png');
        //     background-repeat: no-repeat;
        //     background-size: 100%;
        //     width: 28px;
        //     height: 28px;
        // }
    }
}